// <!-- 收获地址区域 -->

.receive-address-row {
  .address-info {
    font-size: 24rpx;
    padding  : 20rpx;

    .address-row {
      display        : flex;
      flex-direction : row;
      justify-content: space-between;
    }

  }
}

// <!-- 购物车区域 -->
.cart-content {
  padding-bottom: 100rpx;

  .cart-title {
    font-size    : 36rpx;
    color        : var(--themeColor);
    padding      : 20rpx;
    border-top   : 1px solid currentColor;
    border-bottom: 1px solid currentColor;
  }

  .cart-main {
    .cart-item {
      display      : flex;
      padding      : 20rpx;
      border-bottom: 1px solid #cccccc;

    }

    .cart-img-wrap {
      flex           : 2;
      display        : flex;
      justify-content: center;
      align-items    : center;

      image {
        width: 80%;
      }
    }

    .cart-info-wrap {
      flex           : 4;
      display        : flex;
      flex-direction : column;
      justify-content: space-around;

      .goods-name {
        display           : -webkit-box;
        overflow          : hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color             : #666666;
      }

      .goods-price-wrap {
        display        : flex;
        justify-content: space-between;

        .goods-price {
          color    : var(--themeColor);
          font-size: 34rpx;
        }

        .cart-num-tool {
          display: flex;

          .num-tool-num {
            width          : 55rpx;
            height         : 55rpx;
            display        : flex;
            justify-content: center;
            align-items    : center;

          }
        }
      }
    }
  }
}


// <!-- 底部工具栏 -->

.foot-tool {
  position        : fixed;
  left            : 0;
  bottom          : 0;
  height          : 90rpx;
  width           : 100%;
  display         : flex;
  flex-direction  : row;
  background-color: #ffffff;
  border-top      : 1px solid #cccccc;

  .check-wrap {
    flex               : 1;
    // background-color: yellow;
    display            : flex;
    align-items        : center;
    padding-left       : 20rpx;

  }

  .count-wrap {
    // background-color: greenyellow;
    flex               : 2;
    display            : flex;

    .count-num {
      flex           : 3;
      display        : flex;
      flex-direction : column;
      justify-content: space-around;
      align-items    : flex-end;
      padding-right  : 10rpx;

      .count-num-all {

        text {
          color      : var(--themeColor);
          font-size  : 32rpx;
          font-weight: bold;
        }
      }

      .count-num-info {
        font-size: 24rpx;
      }
    }

    .count-btn {
      flex            : 2;
      display         : flex;
      justify-content : center;
      align-items     : center;
      font-size       : 32rpx;
      font-weight     : bold;
      color           : #ffffff;
      background-color: var(--themeColor);
    }
  }
}